
<style>
    :not(:defined) {
        display: none;
    }
    #export_box:host{
      border:1px solid #191919;
    }
    /* Force the scroll bar to appear so we see it hide when overlay opens. */
    body::-webkit-scrollbar {
        background: lightgray;
    }
  
    body::-webkit-scrollbar-thumb {
        background: darkgray;
    }
   
    
    #top112{
          background: var(--icon-bg-color);
          text-align: center; 
          font-size: 16px;
          font-weight: bold;
          color: #fff;
          position: relative;
          border: none;
          padding: 2px;
      }
      #top112 img{
          position: absolute;
          right: 10px;
          top: 3px;
          cursor: pointer;
      }
      #cto{
        padding: 5px 0px 5px 0px;
        border: none;
        background-color: var(--main-bg-color);
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 250px;
        z-index: 2;
        height:120px;
        overflow-y: auto;
        justify-content: center;
        user-select:none;
    }
    #bott1{
        max-height: 40px;
        background-color: var(--main-bg-color);
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
  
  </style>
  <elix-dialog id="loading_box" aria-label="export svg" closed>
    <div id="top112">操作执行中..请等待(<span id="waitSecond">5</span>)<img src="./images/close.png" alt="" class="closeloading1"></div>
    <div id="cto">
            <elix-progress-spinner style="background-color: none;width:100px;height:100px;"></elix-progress-spinner>
    </div>
    <div id="bott1"><input type="button" id="loadingcancle" class="cls_bot_btn_" value="取消"></div>
  </elix-dialog>